<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>河南郑州微信小程序定制开发</title>
		<meta name="keywords" content="小程序定制开发,郑州微信小程序,河南微信小程序">
		<meta name="description" content="河南微信小程序定制开发，云客汇郑州微信小程序开发、网站、APP制作科技有限公司">
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="css/index.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<link href="css/huandeng.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="css/case.css" />
		<link rel="canonical" href="m/index.php" />
		<link rel="alternate" media="only screen and(max-width: 640px)" href="m/index.php">
		<link rel="stylesheet" type="text/css" href="css/swiper1.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<meta http-equiv="mobile-agent" content="format=xhtml;url=m/index.php">
		<!--<script src="js/phone.js" type="text/javascript" charset="utf-8"></script>-->
		<script type="text/javascript">
			//判断在手机端跟在pc端加载不同的代码
			if(window.location.toString().indexOf('pref=padindex') != -1) {} else {
				if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
					if(window.location.href.indexOf("?mobile") < 0) {
						try {
							if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
								window.location.href = "/m/case.html";
								//					window.location.href = "../..//m/index.html";
							} else if(/iPad/i.test(navigator.userAgent)) {} else {}
						} catch(e) {}
					}
				}
			}
		</script>
	</head>

	<body>
		<!--顶部 -->
		<div class="header_top">
			<div class="main top_main">
				<div class="header_top_title fl">
					<h6>郑州云客汇网络科技有限公司欢迎您！</h6>
				</div>
				<div class="header_top_right fr">
					<ul>
						<li class="weixin">
							<a href="#">微信公众号</a>
							<div class="weixin_img"><img src="images/ykhwx.jpg" alt="河南微信小程序定制开发" />
								<p>扫一扫关注</p>
							</div>
						</li>
						<li class="shoucang">
							<a href="javascript:void(0);" onClick="AddFavorite('郑州云客汇',location.href)">收藏本站</a>
						</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- 头部 -->
		<div class="logo">
			<div class="main">
				<div class="logo_img fl">
					<a href="/"><img src="images/logo.png" alt="小程序定制开发"></a>
				</div>
				<div class="logo_by fl">
					<div class="search">
						<form action="/plus/search.php" name="formsearch">
							<input type="hidden" name="kwtype" value="0">
							<div class="search-wrap">
								<input class="keyWord" type="text" name="q" value="请输入您想要的关键词" onkeyup="STip(this.value, event);" autocomplete="off" onfocus="this.value=''">
							</div>
							<input type="submit" name="submit" class="submit sub-btn mod_search_btn" tabindex="9" value="搜&nbsp;索">
						</form>
					</div>
				</div>
				<div class="logo_tel fr">
					<span><i></i><em>咨询热线</em></span>
					<b>0371-55055880</b>
				</div>
				<div class="clear"></div>
				<div class="nav">
					<ul class="fl">
						<li>
							<a href="./index.html" class="nav_color">首页</a>
						</li>

						<li>
							<a href="./case.html" class="nav_color nav_change">案例</a>
						</li>

						<li>
							<a href="./program.html" class="nav_color">小程序开发</a>
						</li>

						<li>
							<a href="./app.html" class="nav_color">APP开发</a>
						</li>

						<li>
							<a href="./web.html" class="nav_color">网站开发</a>
						</li>

						<li>
							<a href="./join.html" class="nav_color">招商加盟</a>
						</li>

						<li>
							<a href="./contact.html" class="nav_color">联系我们</a>
						</li>

					</ul>
					<!--<div class="nav_ls fr"> <a href="/m">手机访问</a> </div>-->
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="jiaodian" id="main">
			<!--<script src="js/script.js"></script>-->
			<!-- Start 焦点图 -->
			<div class="topbanner" style="width: 100%;">
				<img src="images/casebanner.png" style="width: 100%;" alt="" />
			</div>
			<!-- End 焦点图 -->

		</div>
		<!--中间内容层-->
		<div class="middle">
			<div class="header">
				<div class="header_content">
					<span class="select">微信小程序</span>
					<span>APP</span>
					<span>网站</span>
					<span>朋友圈广告</span>
				</div>
			</div>
			<div class="contnet">
				<div class="wx contentlist"></div>
				<div class="app contentlist">

				</div>
				<div class="web contentlist"></div>
				<div class="friend contentlist"></div>
				<div class="page"></div>
			</div>
			<!---->
			<!--<div class="singleWx">
        	<img src="img/edition.png"/>
        	<div class="case_mark">
        	</div>
        	<div class="mark_img">
        		<img src="img/bjhy.png"/>
        		<p>微信扫一扫</p>
        	</div>
        	<div class="wxDetail">
        		<p class="name">程序秀1</p>
        		<p class="type">
        			<span>微信扫一扫</span>
        			<span>20万</span>
        		</p>
        	</div>
        </div>-->

			<!--<div class="singleApp">
				<img src="images/edition.png" />
				<div class="case_mark">
				</div>
				<div class="mark_img">
					<img src="images/jcxs.jpg" />
					<p>微信扫一扫</p>
				</div>
				<div class="appDetail">
					<p class="name">程序秀1</p>
					<p class="type">
						<span>微信扫一扫</span>
						<span>20万</span>
					</p>
				</div>
			</div>-->
			<!---->
		</div>

		<!--中间内容层结束-->
		<!-- 顶部的收藏操作 -->
		<script type="text/javascript">
			var isWidescreen = screen.width < 1280;
			if(isWidescreen) {
				document.getElementsByTagName("body")[0].className = "root_body";
			}

			function AddFavorite(title, url) {
				try {
					window.external.addFavorite(url, title);
				} catch(e) {
					try {
						window.sidebar.addPanel(title, url, "");
					} catch(e) {
						alert("抱歉，您所使用的浏览器不支持此操作。nn加入收藏失败，请使用Ctrl+D进行添加");
					}
				}
			}
		</script>

		<!-- 底部 -->
		<div class="clear"></div>
		<div class="foot">
			<div class="foot_content">
				<div class="left">
					<p>郑州云客汇网络科技有限公司</p>
					<div class="left_img">
						<span><img src="images/qq.png"/></span>
						<span><img src="images/weixin.png"/></span>
						<span><img src="images/weibo.png"/></span>
					</div>
				</div>
				<div class="right">
					<div class="right_top">
						<ul>
							<li>
								<a href="./index.html">首页</a>
							</li>

							<li>
								<a href="./case.html">案例</a>
							</li>

							<li>
								<a href="./program.html">小程序开发</a>
							</li>

							<li>
								<a href="./app.html">APP开发</a>
							</li>

							<li>
								<a href="./web.html">网站开发</a>
							</li>

							<li>
								<a href="./join.html">招商加盟</a>
							</li>

							<li>
								<a href="./contact.html">联系我们</a>
							</li>

						</ul>
					</div>
					<div class="right_bottom">
						<div class="contact">
							<ul>
								<li>
									电话：0371-55055880
								</li>
								<li>
									手机：181-3777-6021
								</li>
								<li>
									邮箱：396071288@qq.com
								</li>
								<li>
									地址：郑州市高新区碧桃路与药厂路润德大厦5楼
								</li>
								<li>本站关键词：
									<a href="https://www.yunkehui.com" title="小程序定制开发">小程序定制开发</a>
									<a href="https://www.yunkehui.com" title="郑州微信小程序">郑州微信小程序</a>
									<a href="https://www.yunkehui.com" title="河南微信小程序">河南微信小程序</a>
								</li>
							</ul>
						</div>
						<div class="link">
							<ul>
								<li>
									<a href="###">友情链接</a>
								</li>
								<li>
									<a href="###">技术支持</a>
								</li>
							</ul>
						</div>
						<div class="name" style="float: right;">
							<ul>
								<li>版权所有</li>
								<li>郑州云客汇网络科技有限公司</li>
								<li>豫ICP备17037550号</li>
							</ul>
						</div>
					</div>
				</div>

			</div>

		</div>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
		<script src="js/jquery.pagination.js"></script>
		<script src="js/ntab2.js"></script>
		<script>
			//头部导航栏的切换

			$('.nav_color').mouseover(function() {
				$('.nav_color').removeClass('nav_change');
				$(this).addClass('nav_change')
			})

			//tab加分页切换
			// 切换页面
			$(".header span").click(function() {
				$(".header .select").removeClass("select");
				$(this).addClass("select");
				if($(".select").html() === "微信小程序") {
					$(".wx").css("display", "block");
					$(".app").css("display", "none");
					$(".web").css("display", "none");
					$(".friend").css("display", "none");
					$('.page').pagination({
						pageCount: Math.ceil(wxData.length / 16), //总的页数
						jump: true,
						coping: true,
						homePage: '首页',
						endPage: '末页',
						prevContent: '上页',
						nextContent: '下页',
						callback: function(api) {
							// console.log(api.getCurrent())
							wxPage(16, api.getCurrent());
						}
					});
				} else if($(".select").html() === "APP") {
					$(".wx").css("display", "none");
					$(".app").css("display", "block");
					$(".web").css("display", "none");
					$(".friend").css("display", "none");
					$('.page').pagination({
						pageCount: Math.ceil(appData.length / 12), //总的页数
						jump: true,
						coping: true,
						homePage: '首页',
						endPage: '末页',
						prevContent: '上页',
						nextContent: '下页',
						callback: function(api) {
							// console.log(api.getCurrent())
							appPage(12, api.getCurrent());
						}
					});
				} else if($(".select").html() === "网站") {
					$(".wx").css("display", "none");
					$(".app").css("display", "none");
					$(".web").css("display", "block");
					$(".friend").css("display", "none");
					$('.page').pagination({
						pageCount: Math.ceil(webData.length / 9), //总的页数
						jump: true,
						coping: true,
						homePage: '首页',
						endPage: '末页',
						prevContent: '上页',
						nextContent: '下页',
						callback: function(api) {
							// console.log(api.getCurrent())
							webPage(9, api.getCurrent());
						}
					});
				} else if($(".select").html() === "朋友圈广告") {
					$(".wx").css("display", "none");
					$(".app").css("display", "none");
					$(".web").css("display", "none");
					$(".friend").css("display", "block");
					$('.page').pagination({
						pageCount: Math.ceil(friendData.length / 9), //总的页数
						jump: true,
						coping: true,
						homePage: '首页',
						endPage: '末页',
						prevContent: '上页',
						nextContent: '下页',
						callback: function(api) {
							// console.log(api.getCurrent())
							friendPage(9, api.getCurrent());
						}
					});
				}
			});

			// 微信
			var wxData = [{
					name: "唐巢酒店-单店版",
					type: "手机查看",
					times: "21万",
					pic: "images/tc.jpg",
					mark_pic: "images/tcjd.png"
				},
				{
					name: "妙厨药膳炒鸡店-多店版",
					type: "手机查看",
					times: "18万",
					pic: "images/mark_img.png",
					mark_pic: "images/mcys.png"
				},
				{
					name: "王春光早餐工程-多店版",
					type: "手机查看",
					times: "16万",
					pic: "images/zc.jpg",
					mark_pic: "images/wcg.png"
				},
				{
					name: "搜卤记",
					type: "手机查看",
					times: "17万",
					pic: "images/slj.jpg",
					mark_pic: "images/slj.png"
				},
				{
					name: "神奇良品",
					type: "手机查看",
					times: "16万",
					pic: "images/sq.jpg",
					mark_pic: "images/sqlp.png"
				},
				{
					name: "平顶山冻品商城",
					type: "手机查看",
					times: "15万",
					pic: "images/pds.jpg",
					mark_pic: "images/pds.png"
				},
				{
					name: "红匠坊直销商城",
					type: "手机查看",
					times: "13万",
					pic: "images/hjf.jpg",
					mark_pic: "images/hjf.png"
				},
				{
					name: "采摘水果",
					type: "手机查看",
					times: "15万",
					pic: "images/fruits.jpg",
					mark_pic: "images/czsg.png"
				},
				{
					name: "旗舰版-榨油机厂家直销",
					type: "手机查看",
					times: "8万",
					pic: "images/zyj.jpg",
					mark_pic: "images/zyj.png"
				},
				{
					name: "商城版-IT帮",
					type: "手机查看",
					times: "21万",
					pic: "images/IT.jpg",
					mark_pic: "images/IT.png"
				},
				{
					name: "商城版-家电质优商城",
					type: "手机查看",
					times: "19万",
					pic: "images/jdzy.jpg",
					mark_pic: "images/jdzy.png"
				},
				{
					name: "商城版-净水器饮水设备",
					type: "手机查看",
					times: "14万",
					pic: "images/jsq.jpg",
					mark_pic: "images/jsq.png"
				},
				{
					name: "商城版-商超冷鲜柜定制",
					type: "手机查看",
					times: "19万",
					pic: "images/lxg.jpg",
					mark_pic: "images/lxg.png"
				},
				{
					name: "商城版-未来智能体验馆",
					type: "手机查看",
					times: "13万",
					pic: "images/wlzn.jpg",
					mark_pic: "images/wlzn.png"
				},
				{
					name: "商城版-壹号建材商城",
					type: "手机查看",
					times: "13万",
					pic: "images/yhjc.jpg",
					mark_pic: "images/yhjc.png"
				},
				{
					name: "商城版-浴柜商城",
					type: "手机查看",
					times: "15万",
					pic: "images/ygsc.jpg",
					mark_pic: "images/ygsc.png"
				},
				{
					name: "商城版-宠爱之家商城",
					type: "微信扫一扫",
					times: "18万",
					pic: "images/cazj.jpg",
					mark_pic: "images/cazj.png"
				},
				{
					name: "商城版-派多格宠物",
					type: "微信扫一扫",
					times: "16万",
					pic: "images/pdgz.jpg",
					mark_pic: "images/gpd.png"
				},
				{
					name: "旗舰版-福禧康新时代",
					type: "微信扫一扫",
					times: "15万",
					pic: "images/fxk.jpg",
					mark_pic: "images/fx.png"
				},
				{
					name: "旗舰版-易经扑克",
					type: "微信扫一扫",
					times: "19万",
					pic: "images/yjpk.jpg",
					mark_pic: "images/yjpk.png"
				},
				{
					name: "商城版-NIWO优选",
					type: "微信扫一扫",
					times: "11万",
					pic: "images/NIWO.jpg",
					mark_pic: "images/niwo.png"
				},
				{
					name: "商城版-宝明祥环控",
					type: "微信扫一扫",
					times: "13万",
					pic: "images/bmx.jpg",
					mark_pic: "images/bmx.png"
				},
				{
					name: "商城版-金丝狐男装",
					type: "微信扫一扫",
					times: "17万",
					pic: "images/jsh.jpg",
					mark_pic: "images/xsh.png"
				},
				{
					name: "商城版-鑫正弘汽车用品批发",
					type: "微信扫一扫",
					times: "15万",
					pic: "images/xzh.jpg",
					mark_pic: "images/xzh.png"
				},
				{
					name: "漯河市装修装饰",
					type: "微信扫一扫",
					times: "11万",
					pic: "images/lhsz.jpg",
					mark_pic: "images/lhs.png"
				},
				{
					name: "商城版-铭馆酒吧KTV用品",
					type: "微信扫一扫",
					times: "10万",
					pic: "images/mgjb.jpg",
					mark_pic: "images/ktv.png"
				},
				{
					name: "商城版-衣研堂酒店工作服商城",
					type: "微信扫一扫",
					times: "8万",
					pic: "images/yyt.jpg",
					mark_pic: "images/yyt.png"
				},
				{
					name: "旗舰版-河南智商云",
					type: "微信扫一扫",
					times: "13万",
					pic: "images/zny.jpg",
					mark_pic: "images/zsy.png"
				},
				{
					name: "旗舰版-云客汇官网",
					type: "微信扫一扫",
					times: "9万",
					pic: "images/ykh.jpg",
					mark_pic: "images/ykh1.png"
				},
				{
					name: "旗舰版-洛西时光摄影",
					type: "微信扫一扫",
					times: "16万",
					pic: "images/lxsg.jpg",
					mark_pic: "images/lxsg.png"
				},
				{
					name: "商城版-实木门十大品牌",
					type: "微信扫一扫",
					times: "14万",
					pic: "images/sm.jpg",
					mark_pic: "images/smm.png"
				},
				{
					name: "商城版-家具批发中心",
					type: "微信扫一扫",
					times: "13万",
					pic: "images/jjpf.jpg",
					mark_pic: "images/jjpf.png"
				},
				{
					name: "商城版-家具批发中心",
					type: "微信扫一扫",
					times: "19万",
					pic: "images/jjpf.jpg",
					mark_pic: "images/jjpf.png"
				},
				{
					name: "旗舰版-晶领教育",
					type: "微信扫一扫",
					times: "15万",
					pic: "images/jl.jpg",
					mark_pic: "images/jl.png"
				},
				{
					name: "旗舰版-启航考研",
					type: "微信扫一扫",
					times: "19万",
					pic: "images/qhky.jpg",
					mark_pic: "images/qhjy.png"
				},
				{
					name: "旗舰版-爱贝国际少儿英语",
					type: "微信扫一扫",
					times: "18万",
					pic: "images/abe.jpg",
					mark_pic: "images/ab.png"
				},
				{
					name: "旗舰版-北京红缨教育",
					type: "微信扫一扫",
					times: "16万",
					pic: "images/bjhy.png",
					mark_pic: "images/bjhy1.png"
				},
				{
					name: "旗舰版-启沃教育",
					type: "微信扫一扫",
					times: "13万",
					pic: "images/qwjy.jpg",
					mark_pic: "images/qw.png"
				},
				{
					name: "旗舰版-小黑妮旅游吧",
					type: "微信扫一扫",
					times: "21万",
					pic: "images/xhn.jpg",
					mark_pic: "images/xhn.png"
				},
				{
					name: "旗舰版-健康福缘谷",
					type: "微信扫一扫",
					times: "22万",
					pic: "images/jkfy.jpg",
					mark_pic: "images/fyg.png"
				},
				{
					name: "旗舰版-李双双美容",
					type: "微信扫一扫",
					times: "15万",
					pic: "images/lss.jpg",
					mark_pic: "images/lss.png"
				},
				{
					name: "旗舰版-郑州明眸双眼皮",
					type: "微信扫一扫",
					times: "18万",
					pic: "images/zzmm.png",
					mark_pic: "images/zzmm1.png"
				},
				{
					name: "旗舰版-中医针灸美雕",
					type: "微信扫一扫",
					times: "14万",
					pic: "images/zymd.jpg",
					mark_pic: "images/zyzj.png"
				},
				{
					name: "商城版-光电美容仪器商城",
					type: "微信扫一扫",
					times: "17万",
					pic: "images/hzp.jpg",
					mark_pic: "images/gdmr.png"
				},
				{
					name: "旗舰版-化妆品商超",
					type: "微信扫一扫",
					times: "19万",
					pic: "images/hzp.jpg",
					mark_pic: "images/hzp.png"
				},
				{
					name: "商城版-玛鸿多肽修肤面膜",
					type: "微信扫一扫",
					times: "20万",
					pic: "images/mndt.jpg",
					mark_pic: "images/mh.png"
				},
				{
					name: "预约版-修脊堂",
					type: "微信扫一扫",
					times: "15万",
					pic: "images/xjt.jpg",
					mark_pic: "images/xjt.png"
				},
				{
					name: "电机厂家直销荥阳宇龙电机",
					type: "微信扫一扫",
					times: "16万",
					pic: "images/gyjr.jpg",
					mark_pic: "images/xyyl.png"
				},
				{
					name: "旗舰版-感应加热设备厂家",
					type: "微信扫一扫",
					times: "17万",
					pic: "images/cjzx.jpg",
					mark_pic: "images/rgy.png"
				},
				{
					name: "旗舰版-空气能空气源",
					type: "微信扫一扫",
					times: "14万",
					pic: "images/kqn.jpg",
					mark_pic: "images/kqn.png"
				},
				{
					name: "巩义市富源净水材料有限公司",
					type: "微信扫一扫",
					times: "15万",
					pic: "images/gys.jpg",
					mark_pic: "images/gys.png"
				},
				{
					name: "商城版-河南扬子智能锁",
					type: "微信扫一扫",
					times: "17万",
					pic: "images/hnyz.jpg",
					mark_pic: "images/hnyz.png"
				},
				{
					name: "商城版-金太源",
					type: "微信扫一扫",
					times: "16万",
					pic: "images/jty.jpg",
					mark_pic: "images/jty.png"
				},
				{
					name: "厨卫电器净水器精品商城",
					type: "微信扫一扫",
					times: "13万",
					pic: "images/lhs.jpg",
					mark_pic: "images/edition.png"
				},
				{
					name: "同城版-建材销售运输平台",
					type: "微信扫一扫",
					times: "18万",
					pic: "images/jcxs.jpg",
					mark_pic: "images/jcxs.png"
				},
				{
					name: "装修版-湖南装饰装修交流平台",
					type: "微信扫一扫",
					times: "16万",
					pic: "images/hnzs.jpg",
					mark_pic: "images/hnzs.png"
				},
				{
					name: "装修版-新乡装修平台",
					type: "微信扫一扫",
					times: "20万",
					pic: "images/xxzx.jpg",
					mark_pic: "images/xxzx.png"
				},
				{
					name: "装修版-星之宇家具装修",
					type: "微信扫一扫",
					times: "18万",
					pic: "images/xzy.jpg",
					mark_pic: "images/xzy.png"
				},
				{
					name: "装修版-漯河市装修装饰",
					type: "微信扫一扫",
					times: "20万",
					pic: "images/lhsz.jpg",
					mark_pic: "images/lhs1.png"
				}
			];
			wxPage(16, 1);
//			console.log(Math.ceil(wxData.length));
			$('.page').pagination({
				pageCount: Math.ceil(wxData.length / 16), //总的页数
				jump: true,
				coping: true,
				homePage: '首页',
				endPage: '末页',
				prevContent: '上页',
				nextContent: '下页',
				callback: function(api) {
					// console.log(api.getCurrent())
					wxPage(16, api.getCurrent());
				}
			});
			//pageNum: 每页数据的数量; currentPage: 当前页码
			function wxPage(pageNum, currentPage) {
				var currentWx = [];
				//				var arr = [...wxData];
				// 复制一下数组(splice是对数组本身做的操作);
				var arr = wxData.slice();
				currentWx = arr.splice((currentPage - 1) * pageNum, pageNum);
//				console.log(currentWx);
				drawWx(currentWx);
			}

			function drawWx(currentWx) {
				$(".wx").empty();
				for(var i = 0; i < currentWx.length; i++) {
					var singleWx = "<div class='singleWx'><img src=" + currentWx[i].mark_pic + "><div class='case_marks'></div><div class='mark_img'><img src=" + currentWx[i].pic + "><p>" + currentWx[i].type + "</p></div><div class='wxDetail'><p class='name'>" + currentWx[i].name + "</p><p class='type'><span>" + currentWx[i].type + "</span><span class='iconfont icon-see'>" + currentWx[i].times + "</span></p></div></div>";

					$(".wx").append(singleWx);
				}
			}
			// app
			var appData = [{
					name: "便利社区",
					pic: "images/a_bbox1.png",
				},
				{
					name: "春鑫阅读",
					pic: "images/a_bbox2.png",
				},
				{
					name: "智慧社区",
					pic: "images/a_bbox3.png",
				},
				{
					name: "牵羊",
					pic: "images/a_bbox4.png",
				},
				{
					name: "金融汇",
					pic: "images/a_bbox5.png",
				},
				{
					name: "爱约",
					pic: "images/a_bbox6.png",
				},
				{
					name: "邻家书房",
					pic: "images/a_bbox7.png",
				},
				{
					name: "私生活",
					pic: "images/a_bbox8.png",
				}
			];
			appPage(12, 1);
			// console.log(Math.ceil(appData.length));
			//pageNum: 每页数据的数量; currentPage: 当前页码
			function appPage(pageNum, currentPage) {
				var currentApp = [];
				// 复制一下数组(splice是对数组本身做的操作);
				//				var arr = [...appData];
				var arr = appData.slice();
				currentApp = arr.splice((currentPage - 1) * pageNum, pageNum);
//				console.log(currentApp);
				drawApp(currentApp);
			}

			function drawApp(currentApp) {
				$(".app").empty();
				for(var i = 0; i < currentApp.length; i++) {
					var singleApp = "<div class='singApp'><img src=" + currentApp[i].pic + "><div class='apptxt'><p>" + currentApp[i].name + "</p></div></div>";
					//					$(".web").append(singleWeb);
					$(".app").append(singleApp);
				}
			}
			//网站
			//		//web
			var webData = [{
					pic: "images/w_bbox1.png"
				},
				{
					pic: "images/w_bbox2.png"
				},
				{
					pic: "images/w_bbox3.png"
				},
				{
					pic: "images/w_bbox4.png"
				},
				{
					pic: "images/w_bbox5.png"
				},
				{
					pic: "images/w_bbox6.png"
				},
				{
					pic: "images/w_bbox7.png"
				},
				{
					pic: "images/w_bbox8.png"
				},
				{
					pic: "images/w_bbox9.png"
				},
				{
					pic: "images/w_bbox10.png"
				},
				{
					pic: "images/w_bbox11.png"
				},
				{
					pic: "images/w_bbox12.png"
				},
				{
					pic: "images/w_bbox13.png"
				},
				{
					pic: "images/w_bbox14.png"
				},
				{
					pic: "images/w_bbox15.png"
				}
			];
			webPage(9, 1);
			// console.log(Math.ceil(appData.length));
			//pageNum: 每页数据的数量; currentPage: 当前页码
			function webPage(pageNum, currentPage) {
				var currentWeb = [];
				// 复制一下数组(splice是对数组本身做的操作);
				//				var arr = [...webData];
				var arr = webData.slice();
				currentWeb = arr.splice((currentPage - 1) * pageNum, pageNum);
//				console.log(currentWeb);
				drawWeb(currentWeb);
			}

			function drawWeb(currentWeb) {
				$(".web").empty();
				for(var i = 0; i < currentWeb.length; i++) {
					var singleWeb = "<div class='singWeb'><img src=" + currentWeb[i].pic + "></div>"
					$(".web").append(singleWeb);
				}
			}
			//朋友圈广告投放
			//			var friendData = [{
			//					name: "朋友圈1",
			//					pic: "images/web_box.png"
			//				},
			//				{
			//					name: "程序秀2",
			//					pic: "images/web_box.png"
			//				},
			//				{
			//					name: "程序秀3",
			//					pic: "images/web_box.png"
			//				},
			//				{
			//					name: "程序秀4",
			//					pic: "images/web_box.png"
			//				},
			//				{
			//					name: "程序秀5",
			//					pic: "images/web_box.png"
			//				},
			//				{
			//					name: "程序秀6",
			//					pic: "images/web_box.png"
			//				},
			//				{
			//					name: "程序秀6",
			//					pic: "images/web_box.png"
			//				}
			//			];
			//			friendPage(9, 1);
			// console.log(Math.ceil(appData.length));
			//pageNum: 每页数据的数量; currentPage: 当前页码
			function friendPage(pageNum, currentPage) {
				var currentFriend = [];
				// 复制一下数组(splice是对数组本身做的操作);
				//				var arr = [...friendData];
				var arr = friendData.slice();
				currentFriend = arr.splice((currentPage - 1) * pageNum, pageNum);
//				console.log(currentFriend);
				drawFriend(currentFriend);
			}

			function drawFriend(currentFriend) {
				$(".friend").empty();
				for(var i = 0; i < currentFriend.length; i++) {
					var singleFriend = "<div class='singleFriend'><img src=" + currentFriend[i].pic + "><div class='friendtxt'><p>" + currentFriend[i].name + "</p></div></div>"
					$(".friend").append(singleFriend);
				}
			}

			//大轮播
			var swiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				paginationClickable: true,
				spaceBetween: 30,
				centeredSlides: true,
				autoplay: 2500,
				autoplayDisableOnInteraction: false
			});
			//提取页面内容
			//设置跳转时跳转到对应的界面
			$(function() {
				var cateId = localStorage.getItem('cateId');
				$('.header_content span').removeClass('select');
				$('.header_content span:eq(' + cateId + ')').addClass('select');
				$('.contnet .contentlist').hide();
				$('.contnet .contentlist:eq(' + cateId + ')').show();
			});
			$(function() {
				localStorage.setItem('cateId', 0);
			});
		</script>
	</body>
</html>